<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="alternate icon" class="js-site-favicon" type="image/png" href="images/favicon.png">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/footer.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/search.css">

  <script src="utils/host.js"></script>
  <script src="utils/yuhao.js"></script>

  <script src="./js/static/d3.v3.min.js"></script>
  <script src="./js/static/lodash.min.js"></script>
  <script src="./js/static/popper.min.js"></script>
  <script src="./js/static/axios.min.js"></script>
  <script src="js/static/pinyin-pro.js"></script>
  <script src="./js/static/jq.js"></script>
  <script src="./js/static/boot.js"></script>
  <link href="./js/static/boot.css" rel="stylesheet">
<!--  <script src="https://unpkg.com/pinyin-pro"></script>-->

  <script src="js/storage.js"></script>
  <script src="js/common.js"></script>
  <script src="js/dict_light.js"></script>
  <script src="js/dict_star.js"></script>
  <script src="js/dict_toy.js"></script>

  <title>宇浩拆分查询</title>
  <style>
    @font-face {
      font-family: 'YuhaoSongti';
      src: url("./fonts/YuhaoSongti.ttf");
    }

    span {
      font-family: 'YuhaoSongti';
    }

    body {
      font-family: "YuhaoSongti", serif;
    }
  </style>
</head>

<body>
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">
        <img alt="Brand" src="images/brand.png" class="my-brand">
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav module-left">
        <li><a href="index.html">首页 </a></li>
        <li><a href="study.html">新手指南</a></li>
        <li>
          <a href="#" class="dropdown-toggle color-yellow" data-toggle="dropdown" role="button"
             aria-haspopup="true" aria-expanded="false"> 练习程序<span class="caret"></span>
            <ul class="dropdown-menu">
              <li><a href="practice_light.html">光华·打字练习</a></li>
              <li><a href="practice_star.html">星陈·打字练习</a></li>
              <li><a href="practice_toy.html">卿云·打字练习</a></li>

<!--              <li><a href="game_light.html">光华·打字游戏</a></li>-->
<!--              <li><a href="game_star.html">星陈·打字游戏</a></li>-->
              <li><a href="game_toy.html">卿云·打字游戏</a></li>
              <!--
              <li><a href="practisePro.html">必拆字练习</a></li>
              <li><a href="freePractise.html">自由练习</a></li>
              -->
              <!-- <li role="separator" class="divider"></li> -->
            </ul>
          </a>
        </li>
        <li><a href="search.html" class="selected">拆分查询<span class="sr-only"></span></a></li>

        <li><a href="download.html">下载安装<span class="sr-only"></span></a></li>
        <!--li><a href="tools.html">实用工具<span class="sr-only"></span></a></li-->

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            加入组织<span class="caret"></span></a>
          <ul class="dropdown-menu">

            <li><a href="https://jq.qq.com/?_wv=1027&k=2OYDP4Tk">宇浩官方群</a></li>
            <li><a href="https://t.me/yuhaoim">Telegram群</a></li>
            <li><a href="https://github.com/forFudan/yuhao/">Github官方仓库</a></li>

            <!-- <li role="separator" class="divider"></li> -->
          </ul>
        </li>
        <li><a href="https://kylebing.cn/tools/typepad/">玫枫跟打<span class="sr-only"></span></a></li>
      </ul>

      <!--
      <ul class="nav navbar-nav navbar-right module-right logbtn-box">
        <li><a href="login.html" class="login-btn brand-btn">登录</a></li>
        <li><a href="register.html" class="sign_up-btn brand-btn">注册</a></li>
      </ul>
      -->

      <ul class="nav navbar-nav navbar-right module-right hidden">
        <li class="hello"><span><span id="loginTime"></span>，<span id="uname"></span><span><a href="#" id="logout"> 注销</a></span></span></li>
      </ul>

    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div class="main-content">
  <div class="container">
    <div class="row mt-10">
      <div class="col-md-2"></div>
      <div class="col-md-8 pt-20 bg-white primary-shadow study">

        <div class="h-100 flex-center">
          <!-- --------------------------->
          <br>
          <h2 class=>宇浩拆分查询</h2>
          <div class="row mt-10">
            <input type="radio" id="root-filter-light" name="filter1" onchange="split_query()"/><label for="root-filter-light"><span style="color: deeppink; ">光华</span></label>
            <input type="radio" id="root-filter-star" name="filter1" onchange="split_query()"/><label for="root-filter-star"><span style="color: deepskyblue; ">星陈</span></label>
            <input type="radio" id="root-filter-toy" name="filter1" onchange="split_query()" checked/><label for="root-filter-toy"><span style="color: seagreen; ">卿云</span></label>
          </div>
          <!--h6><a href="https://zhuyuhao.com/yuhao/">點擊返回官網首頁</a></h6-->
          <br>
          <form id="form" onsubmit="return false">
            <div class="input-group input-group-newsletter">
              <input class="form-control" id="user-input" placeholder="輸入字詞句" onchange="split_query()">
            </div>
            <!-- <br>
            <div class="boton input-group-append" id="boton">
                <button class="boton" type="button" id="button">查詢宇浩拆分
                </button>
            </div> -->
          </form>
          <br>
          <table class="table" cellpadding="10">
            <thead>
            <tr>
              <th scope="col"><b>字</b></th>
              <th scope="col"><b>读音</b></th>
              <th scope="col"><b>拆分</b></th>
              <th scope="col"><b>全碼</b></th>
              <th scope="col"><b>臺拆</b></th>
              <th scope="col"><b>臺碼</b></th>
              <th scope="col"><b>字集</b></th>
            </tr>
            </thead>
            <tbody style="font-family: YuhaoSongti;" id="tbody">
            <script src="js/search.js"></script>
            </tbody>
          </table>
          <!-- --------------------------->
        </div>

      </div>
      <div class="col-md-2"></div>
    </div>

  </div>
</div>

<div class="footer hidden visible-lg">
  <div class="row">
    <div class="col-xs-12 col-md-4">
      <img src="images/brand.png" alt="helloworld综合资源web服务" class="my-brand1">
      <p class="footer-title1">宇浩输入法 </p>
    </div>

    <div class="col-xs-12 col-md-4">
      <ul class="rec-list flex-col">
        <li><span class="footer-title">友情链接</span></li>
        <li><a href="https://rime.im/">RIME输入法(PC)</a></li>
        <li><a href="https://github.com/EasyIME/PIME/releases">PIME输入法(RIME的WIN10优化版)</a></li>
        <li><a href="https://fcitx5-android.github.io">小企鹅输入法(手机)</a></li>
        <li><a href="https://github.com/osfans/trime">同文输入法(手机)</a></li>
        <li><a href="https://www.jsxiaoshi.com/">极速打字网</a></li>
      </ul>
    </div>

    <div class="col-xs-12 col-md-4">
      <ul class="about-list flex-col">
        <li><span class="footer-title">关于</span></li>
        <li><a href="#">关于宇浩码</a></li>
        <li><a href="#">关于作者</a></li>
      </ul>
    </div>
  </div>
</div>


</body>
</html>
